<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="yes" name="apple-touch-fullscreen" /> 
<meta content="telephone=no,email=no" name="format-detection" />
<link rel="stylesheet" href="{RES}css/base.css?v=3">
<script type="text/javascript" src="{RES}js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="{RES}js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{RES}js/common.js?v=3"></script>
<script type="text/javascript" src="{RES}js/tongji.js"></script>
<title>你有一通来自{$s_botton}的未接电话</title>
</head>
<body>
<div class="wrapper">
    <div class="title">
        <h3>{$s_botton}</h3>
    </div>           
    <div class="incall" onclick="showPrompt(1);">
        <div class="musicbar music_on" id="musicbtn">
            <div class="yinfu"></div>
            <audio loop src="{$m_url}" id="media" autoplay preload></audio>
        </div>
          <div class="tiptxt">
            <div class="cont">
                  <p class="p1">每1小时，你可能会刷10次朋友圈</p>
                  <p class="p2">每1天，你可能会开5次会</p>
                  <p class="p3">每1周，你可能会打100通电话</p>
                  <p class="p4">可有片刻，留给TA？</p>

              </div>
          </div>
          <div class="hangup"><span>现在<b>挂断</b>，打给亲爱的TA吧！</span></div>
        <div class="answerbar">
           <div class="answer zoomIn"><img src="{RES}images/hangup.png" alt=""></div>                    
        </div>
    </div>
</div>

<script type="text/javascript">  
function showPrompt(state){
    switch(state){
        case 1://提示分享
            $('body').append('<div class="prompt">\
                                <div class="cont">\
                                    <div class="space_20"></div>\
                                    <p>\
                                        挂断前，先发给朋友吧分享一下吧~\
                                    </p>\
                                    <p>\
                                        让朋友跟你一起行动！\
                                    </p>\
                                    <div class="space_10"></div>\
                                    <div class="btns">\
                                        <a onclick="hidePrompt(1,this);showPrompt(2)">确定</a>\
                                    </div>\
                                </div>\
                                <div class="bg"></div>\
                            </div>');
            break;
        case 2://分享
            $('body').append('<div class="share">\
                            <img src="{RES}images/share.png" />\
                            <div class="clear"></div>\
                            <p>点击右上角</p>\
                            <p>发送给好友</p>\
                            <div style="position:fixed;left:0;bottom:10px;width:100%;height:30px;text-align:center;font:16px/30px \'黑体\';color:#fff;">\
                                <p style="display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,1) inset;border-bottom:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.3);padding:0 10px;border-radius:3px;margin:0px;font:16px/30px \'黑体\';color:#fff;">\
                                <a style="color:#fff;font-size:20px;margin:0 5px;text-decoration:underline;" href="https://qianbao.baidu.com/hd/huafei?invite_code=RUNGJA22">情人节送你免费话费，快来领取</a></p>\
                            </div>\
                        </div>');
            break;
        default:
            break;
    }
}
</script>
{php echo register_jssdk(false);}
<script>
  wx.ready(function () {
        sharedata = {
            title: "{php echo $title}",
            desc: "{php echo $desc}",
            link: "{php echo $pageurl}",
            imgUrl: "{php echo $pic}",
            success: function(){
                alert("更多好玩请关注官方微信号。");
                window.location.href = '{$s_url}';
            },
            cancel: function(){
                alert("分享失败，可能是网络问题，一会儿再试试？");
            }
        };
        wx.onMenuShareAppMessage(sharedata);
        wx.onMenuShareTimeline(sharedata);
    });
</script>
</body>
</html>